.position-relative {
  position: relative;
}
.padding-top-150px {
  padding-top: 150px;
}
.padding-top-50px {
  padding-top: 50px;
}
.padding-top-34px{
  padding-top: 34px;
}
.padding-top-45px{
  padding-top: 45px;
}
.padding-top-60px {
  padding-top: 60px;
}
.margin-top-10px {
  margin-top: 10px !important;
}
.margin-top-15px {
  margin-top: 15px;
}
.margin-top-20px {
  margin-top: 20px;
}
.margin-top-50px {
  margin-top: 50px;
}
.margin-right-10px {
  margin-right: 10px;
}
.margin-left-10px {
  margin-left: 10px;
}
.margin-left-20px {
  margin-left: 20px;
}
.margin-left-30px {
  margin-left: 30px;
}
.margin-bottom-30px {
  margin-bottom: 30px;
}
.margin-bottom-50px {
  margin-bottom: 50px;
}
.color-red {
  //color: #f25757;
  color: red;
}
.font-size-28pt {
  font-size: 28pt;
}
.text-align-center {
  text-align: center;
}

.align-items-center{
  align-items:center;
}

.vertical-align-bottom {
  vertical-align: bottom;
}
.border-top-black {
  border-top: 1px solid black;
}
.border-right-black {
  border-right: 1px solid black;
}
.border-bottom-black {
  border-bottom: 1px solid black;
}
.border-left-black {
  border-left: 1px solid black;
}

.border-top-red {
  border-top: 1px solid red;
}
.border-right-red {
  border-right: 1px solid red;
}
.border-bottom-red {
  border-bottom: 1px solid red;
}
.border-left-red {
  border-left: 1px solid red;
}



.border-top-blue {
  border-top: 1px solid  rgb(0, 136, 204);
}
.border-right-blue {
  border-right: 1px solid  rgb(0, 136, 204);
}
.border-bottom-blue {
  border-bottom: 1px solid  rgb(0, 136, 204);
}
.border-left-blue {
  border-left: 1px solid  rgb(0, 136, 204);
}


.border-ccc{
  border:1px solid #ccc;
}
.border-radius-5{
  border-radius: 5px;
}
.height_48px{
    min-height: 48px;
}

.height_45px{
  height: 45px;
  line-height: 45px;
}

.height-38px{
  min-height:38px;
}
.height_42px{
  height: 42px;
}
.lin-height {
    line-height: 43px;
}
.no-border-top {
  border-top: none;
}
.no-border-right {
  border-right: none;
}
.no-border-bottom {
  border-bottom: none;
}
.no-border-left {
  border-left: none;
}
.width-auto {
  width: auto;
}
.padding-bottom-13px {
  padding-bottom: 13px;
}
.display-none {
  display: none !important;
}
.display-flex {
  display: flex;
}
.display-inline {
  display: inline;
}
.inline-block {
  display: inline-block !important;
}
.display-inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.display-block {
  display: block;
}
.remove-flex{
  display: block !important;
}
.padding-3px {
  padding: 3px;
}
.padding-6px {
  padding: 6px !important;
}
.padding-20px {
  padding: 20px 5px !important;
}
.padding-left-6px {
  padding-left: 6px;
}
.color-black {
  color: black;
}
.height-260px {
  min-height: 260px;
}
.height-240px {
  min-height: 240px;
}
.height-217px{
  min-height:217px;
}
.height-220px {
  min-height: 220px;
}
.height-215px {
  min-height: 215px;
}
.height-200px {
  min-height: 200px;
}
.height-260px {
  min-height: 260px;
}
.height-110px {
  min-height: 110px;
}

.height-180px{
     min-height: 180px;
}

.height-150px{
  min-height: 150px;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}

.text-vertical-center {
  vertical-align: middle;
}
.min-height-40px {
  min-height: 40px;
}
.min-height-60px {
  min-height: 60px;
}
.height-26px {
  height: 26px;
}
.min-height-80px {
  min-height: 80px;
}
.min-height-90px {
  min-height: 90px;
}
.min-height-120px {
  min-height: 120px;
}
.min-height-128px {
  min-height: 128px;
}
.min-height-180px{
  min-height:180px;
}
.min-height-160px{
  min-height:160px;
}
.min-height-140px{
  min-height:140px;
}
.min-height-100px{
  min-height:100px;
}
.min-height-49px{
  min-height: 49px;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.right-5px {
  right: 5px;
}
.top-5px {
  top: 5px;
}
.left-200px {
  left: 200px;
}
.top--10px {
  top: -10px;
}
.left-50per {
  left: 50%;
}
.top-40per {
  top: 40%;
}
.el-col-306{
  width: 15%;
}
.el-col-702{
  width: 30%;
}
.el-col-804{
  width: 35%;
}
.el-col-1608{
  width: 70%;
}
.el-col-2004{
  width: 85%;
}
.width-99 {
  width: 99% !important;
}
.full-width {
  width: 100%;
}
.z-index-1 {
  z-index: 1;
}
.z-index-1000 {
  z-index: 1000;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.color-gray {
  color: gray !important;
}
.font-size-14px {
  font-size: 14px;
}
.font-size-16px {
  font-size: 16px;
}
.font-size-18px {
  font-size: 18px;
}
.font-size-18px-important {
  font-size: 18px !important;
}
.font-size-60px {
  font-size: 60px;
}
.font-weight-bold{
  font-weight: bold;
}
.font-weight-600{
  font-weight: 600;
}
.margin-left-70{
  margin-left: 70px;
}
.min-height-1px {
  min-height: 1px;
}
.cursor-pointer {
  cursor: pointer;
}
.height-96px{
  height: 96px;
}
.height-100{
  height: 100%;
}
.text-color-black{
  color: black;
}
.font-size-26{
 font-size: 26px;
}
.width-95{
  display: inline-block;
  width: 95%;
}
.width-24{
  display: inline-block;
  width: 24%;
  height: 44px;
  line-height: 44px;
}

.width-20{
  display: inline-block;
  width: 20%;
  height: 44px;
  line-height: 44px;
}

.width-28{
  display: inline-block;
  width: 28%;
  height: 44px;
  line-height: 44px;
}

.width-8{
  display: inline-block;
  width: 8%;
  height: 44px;
  line-height: 44px;
}
.width-12{
  display: inline-block;
  width: 12%;
  height: 44px;
  line-height: 44px;
}
.width-100{
  display: inline-block;
  width: 100%;
}

.padding-top-5px {
  padding-top: 5px;
}
.padding-top-3px{
  padding-top: 3px;
}
.padding-top-4px{
  padding-top: 4px;
}
.padding-top-15px {
  padding-top: 15px;
}
.padding-top-16px {
  padding-top: 16px;
}
.padding-top-10px {
  padding-top: 10px;
}
.padding_bottom{
  border-bottom: 1px solid #B4BABA;
  padding-bottom: 20px;
}
.padding_top_border{
  border-top: 1px solid #B4BABA;
  padding-top: 20px;
}
.margin-_top_border{
  border-top: 1px solid #B4BABA;
  padding-top: 20px;
  padding-bottom: 20px;
}
.letter-spacing{
  letter-spacing: -2px;
}
.padding-right-8{
  padding-right: 8px;
}
.color_blue{
  color: #3878c7;
}
.color-gold {
  color: gold !important;
}
.margin-left-3px{
  margin-left: 3px;
  
}
.padding-top-left{
  padding: 5px 0px !important;
}
.letter-spacing-6{
  letter-spacing: -6px;
}
.letter-spacing-7{
  letter-spacing: -7px;
}
.letter-spacing-0{
  letter-spacing: -0px;
}
.padding-0{
  padding: 0px !important;
}
.pre-line {
  white-space: pre-line;
  margin-top: -1.1em;
}
.no-margin-top{
  white-space: normal !important;
  margin-top:0 !important;
}
.width-70{
  width:69% !important;
}
.height-40{
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.margin-10{
  margin: 10px 0px 0px 0px !important;
}
.width-300{
  width: 300px !important;
}
.width-650px{
  width: 650px !important;
}

.overfole{
  height: 213px;
  overflow: auto;
}
.flexWrap{
  flex-wrap:wrap;
}
.justifyContent{
  justify-content:center;
}
.line-height-40{
  line-height: 40px;
}


.width-95-important{
  width: 95% !important;
}
.position-absolute-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.border-width-3px{
  border-width: 3px;
}
.margin-left-col-3{
  margin-left: 12.5%;
}
.margin-top-30px {
  margin-top: 30px;
}
.padding-bottom-30px{
  padding-bottom: 30px;
}
.input-height-52px .el-input__inner{
  height: 52px;
}
.width-100-important{
  width: 100% !important;
}
.justify-end {
  justify-content: flex-end;
}
.letter-spacing-5px{
  letter-spacing: 5px;
}
.padding-bottom-15px{
  padding-bottom: 15px;
}
.input-text-center input {
  text-align: center;
}
.input-padding-right-40px input{
  padding-right: 40px;
}
.swbhInput-hao{
  color: initial;
  font-size: initial;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translate(0,-50% );
}